<template>
  <div>
    <a-row class="header fweight">
      <a-col :span="12">
        <span class="fl">订单编号:</span>
        <div class="inline">{{ record.leapmotorOrderId }}</div></a-col>
      <a-col :span="12">
        <span class="fl">支付编号(外部订单号):</span>
        <div class="inline">{{ record.outOrderNo }}</div></a-col>
      <a-col :span="12">
        <span class="fl">支付状态:</span>
        <div class="inline">{{ record.status }}</div></a-col>
      <a-col :span="12">
        <span class="fl">流水号:</span>
        <div class="inline">{{ record.voucherNo }}</div></a-col>
    </a-row>

    <a-row class="header">
      <a-col :span="12">
        <span class="fl">商户名称:</span>
        <div class="inline">{{ record.merchantName }}</div></a-col>
      <a-col :span="12">
        <span class="fl">原交易金额:</span>
        <div class="inline">{{ record.amount }}</div></a-col>
      <a-col :span="12">
        <span class="fl">商户号:</span>
        <div class="inline">{{ record.merchantId }}</div></a-col>
      <a-col :span="12">
        <span class="fl">实际交易金额:</span>
        <div class="inline">{{ record.transAmount }}</div></a-col>
      <a-col :span="12">
        <span class="fl">终端号:</span>
        <div class="inline">{{ record.terminalId }}</div></a-col>
      <a-col :span="12">
        <span class="fl">交易时间:</span>
        <div class="inline">{{ record.transTime }}</div></a-col>
      <a-col :span="12">
        <span class="fl">操作员编号:</span>
        <div class="inline">{{ record.operatorNo }}</div></a-col>
      <a-col :span="12">
        <span class="fl">流水号:</span>
        <div class="inline">{{ record.voucherNo }}</div></a-col>
      <a-col :span="12">
        <span class="fl">交易类型:</span>
        <div class="inline">{{ record.transType }}</div></a-col>
      <a-col :span="12">
        <span class="fl">系统参考号:</span>
        <div class="inline">{{ record.referenceNo }}</div></a-col>
      <a-col :span="12">
        <span class="fl">交易渠道:</span>
        <div class="inline">{{ record.channelId }}</div></a-col>
      <a-col :span="12">
        <span class="fl">批次号:</span>
        <div class="inline">{{ record.batchNo }}</div></a-col>
      <a-col :span="12">
        <span class="fl">系统返回码:</span>
        <div class="inline">{{ record.responseCode }}</div></a-col>
      <a-col :span="12">
        <span class="fl">授权码:</span>
        <div class="inline">{{ record.authCode }}</div></a-col>
      <a-col :span="12">
        <span class="fl">错误信息:</span>
        <div class="inline">{{ record.message }}</div></a-col>
    </a-row>

    <a-row class="header">
      <a-col :span="24">
        <span class="fl">卡号:</span>
        <div class="inline">{{ record.cardNo }}</div></a-col>
      <a-col :span="24">
        <span class="fl">卡有效期:</span>
        <div class="inline">{{ record.expDate }}</div></a-col>
      <a-col :span="24">
        <span class="fl">货币类型:</span>
        <div class="inline">{{ record.currencyCode }}</div></a-col>
      <a-col :span="24">
        <span class="fl">卡组织:</span>
        <div class="inline">{{ record.interOrg }}</div></a-col>
      <a-col :span="24">
        <span class="fl">收单行标识码:</span>
        <div class="inline">{{ record.acqCode }}</div></a-col>
      <a-col :span="24">
        <span class="fl">收单行:</span>
        <div class="inline">{{ record.acqName }}</div></a-col>
      <a-col :span="24">
        <span class="fl">发卡行标识码:</span>
        <div class="inline">{{ record.iisCode }}</div></a-col>
      <a-col :span="24">
        <span class="fl">发卡行:</span>
        <div class="inline">{{ record.iisName }}</div></a-col>
      <a-col :span="24">
        <span class="fl">分期期数:</span>
        <div class="inline">{{ record.periods }}</div></a-col>
      <a-col :span="24">
        <span class="fl">商户订单号:</span>
        <div class="inline">{{ record.payOrderNo }}</div></a-col>
    </a-row>
  </div>
</template>
<script>
export default {
  props: {
    record: {
      type: Object,
      default: null
    }
  },
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>
.header {
  margin-top: 20px;
  color: #999999;
  &.fweight{
    font-weight: bold;
  }
}
.fl {
  float: left;
  text-align: right;
  margin-right: 10px;
  width: 150px;
  text-align: right;
}
.inline {
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.8);
}

.header /deep/ .ant-col{
  margin-top: 3px;
}
</style>
